<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>车辆详情</title>
    <script src="../lib/flexible/flexible.css.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/flexible/flexible.js" type="text/javascript" charset="utf-8"></script>

    <link rel="stylesheet" type="text/css" href="../lib/weui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/jquery-weui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/res.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>

    <script src="../lib/fastclick.js" type="text/javascript" charset="utf-8"></script>
    <script src="../lib/jquery-2.1.4.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
    <script type='text/javascript' src='../js/swiper.js' charset='utf-8'></script>

</head>

<body ontouchstart>
<div class="weui-tab">

    <div class="weui-tab__bd">
        <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
            <!--搜索栏-->
            <div class="main-header weui-flex">
                <div class="main-header-address f-16" >济南</div>
                <div class="weui-flex__item search-bar">
                    <input class="search-bar-input f-16" placeholder="搜索品牌/车型/车行" type="text" name="search" id="search" value=""/>
                </div>
            </div>
            <!--搜索栏 end-->


            <!--幻灯片-->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!-- Slides -->
                    <div class="swiper-slide"><img src="images/Recommend-pic-2@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/source-2-banner@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/Recommend-pic-2@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/source-2-banner@2x.png"/></div>
                    <div class="swiper-slide"><img src="images/Recommend-pic-2@2x.png"/></div>
                </div>
                <!-- If we need pagination -->
                <div class="swiper-pagination ta-r"></div>
            </div>
            <!--幻灯片 end-->
            <div class="weui-cells bt-0 bor-clear-before">
                <div class="weui-cell">
                    <div class="weui-cell__bd c-33 f-rem-32">
                        宝马 2017款 E 200L 4MATIC
                    </div>
                </div>
                <div class="weui-cell bor-clear-before " style="padding:0 15px;">
                    <p class="weui-cell__bd c-99 f-rem-28">
                        自动挡 95号汽油 前置四驱 5座 防水 9挡手子一头 全地形
                    </p>
                </div>
                <div class="weui-cell bor-clear-before b-b-20">
                    <div class="weui-cell__hd c-red f-rem-24">
                        <span class="f-rem-42">￥100.12/</span>万
                    </div>
                    <div class="weui-cell__bd ta-r c-99 f-rem-28">
                        2017年1月5日
                    </div>
                </div>
                <div class="weui-cell bor-clear-before b-b-20">
                    <div class="weui-cell__bd  f-rem-32">
                        车辆描述
                    </div>
                </div>
                <div class="weui-cell bor-clear-before b-b-20">
                    <div class="weui-cell__bd  f-rem-32">
                        外观一处瑕疵，其它一切正常
                    </div>
                </div>
                <div class="weui-cell weui-grids f-rem-28">
                    <div class="grid-3-a weui-cell bor-clear-before">
                        <div class="weui-cell__hd">
                            <img class="icon-1" src="images/datils-duihao-2@2x.png">
                        </div>
                        <div class="weui-cell__bd">
                            非事故车
                        </div>
                    </div>
                    <div class="grid-3-a weui-cell bor-clear-before">
                        <div class="weui-cell__hd">
                            <img class="icon-1" src="images/datils-duihao-2@2x.png">
                        </div>
                        <div class="weui-cell__bd">
                            非火烧车
                        </div>
                    </div>
                    <div class="grid-3-a weui-cell bor-clear-before">
                        <div class="weui-cell__hd">
                            <img class="icon-1" src="images/datils-duihao-2@2x.png">
                        </div>
                        <div class="weui-cell__bd">
                            非水泡车
                        </div>
                    </div>


                </div>
            </div>
            <div class="weui-flex bg-f6 pos-fix-f">
                <div class="weui-flex__item weui-cell f-rem-32 br-1-c6">
                    <div class="weui-cell__hd">
                        <img class="icon-1" src="images/New-details-phone@2x.png">
                    </div>
                    <div class="weui-cell__bd">
                        18873737373
                    </div>
                </div>
                <div class="bth-Collection ta-c ">
                    <div class="grid-icon-2" >
                        <img  src="images/datils-shoucang@2x.png">
                        <!--<img src="images/datils-shoucang-sel@2x.png">-->
                    </div>
                   <p>收藏</p>

                </div>
                <div class="weui-flex__item weui-cell bg-red f-rem-36">
                    <div class="weui-cell__bd c-ff ta-c">
                       点击咨询
                    </div>
                </div>
                
            </div>


            <!--底部空行-->
            <div style="height:45px;" class="">
                &nbsp;
            </div>
        </div>

    </div>
    <script type="text/javascript">
        $(function () {
            FastClick.attach(document.body);
        });

        $(".swiper-container").swiper({
            loop: true,
            autoplay: 3000
        });
    </script>
</body>

</html>